<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
.button{
	            background-color:#f66f6a;
	            color:white;
	            width: 400px;
	            height: 35px;
	            border:0;
	            font-size: 16px;
	            box-sizing: content-box;				
                border-radius: 5px;
            }
            .button:hover{
	            background-color: #a54b4a;
            }

			.box1{
            margin:0 auto;
            background: pink;
            width:800px;
            height:930px;
            border:2px solid darkslategray;
            border-radius:30px;
            text-align: center;
            line-height: 50px;
position:absolute;
top:120px;
left:350px;
            }
.box2{position:absolute;
                top:15px;
                left:40px;}
      
.img1div{     
      width:250px;
      height:100px;
      border:1px solid
  }  
.textbox{width:200px;height:80px;position:relative;top:5px;}
.img1div img{width:250px;height:100px;}
</style>
 <script>
        window.onload = function ()
        {
            var oBtn = document.getElementsByTagName("input");
            oBtn[11].onclick = function ()
			{
				alert("恭喜你，提交成功");
			};
        }
    </script>

<title>woyaoxue</title>
</head>
<body>
    <body background="https://img1.baidu.com/it/u=3246628741,3439955235&fm=26&fmt=auto" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
        <div class="img1div"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.2008php.com%2F09_Website_appreciate%2F10-07-11%2F1278861720_g.jpg&refer=http%3A%2F%2Fwww.2008php.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1639187708&t=4529c1724e066c099d5103371cd10e11"><div>
   　    <div class="box1">
<div class="box2">
                      <form action="form_action.asp" method="get">
                        <table align="center" style="border-collapse:separate; border-spacing:0px 20px;">
                          <tr><td> 身　份: </td><td><input type="text" name="shenfen" /></td></tr>
                          <tr><td> 年　龄:</td><td><input type="text" name="nianling" /></td></tr>
                              <tr><td> 性　别: </td><td><input type="text" name="sex" /></td></tr>
                           <tr><td> 指导次数: </td><td><input type="text" name="zhidaocs" /></td></tr>
                           <tr><td> 指导区域: </td><td> <input type="text" name="zhidaoqy" /></td></tr>
                          <tr><td> 主攻科目: </td><td> <input type="text" name="zhugong" /></td></tr>
                          <tr><td> 授课方式:  </td><td><input type="text" name="shouke" /></td></tr>
                          <tr><td> 费　用: </td><td><input type="text" name="money" /></td></tr>
                          <tr><td> 个人简介:</td><td><input type="text" class="textbox" name="geren" /></td></tr>
                          <tr><td> 最近记录:</td><td><input type="text" name="juijin" /></td></tr>
                          <tr><td> 荣誉事件:</td><td><input type="text" name="honor" /></td></tr>

                        </table>

</form>
<input type="submit" class="button" value="我要发布" />
</div>
 
</div>


</body>
</html>>